<style>
    .rightContent{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: white;
        border-bottom-left-radius:36px ;
        border-bottom-right-radius: 36px;
    }
    .rightContent>a{
        position: relative;
        padding: 8px 0;
        text-align: center;
        border-top:1px solid #F7F7F7 ;
    }
    .rightContent>a>p{
        font-size: 12px;
        font-weight: 400;
        color: #575757;
        margin-top: 10px;
    }
    .img1{
        display: block;
        margin: auto;
    }
    .rightContent>a:hover .img2{
        display: block;
    }
    .rightContent>a:hover .img1{
        display: none;
    }
    .rightContent>a:hover p{
        color: #805AC8;
    }
    .img2{
        display: none;
        margin: auto;
    }
    .rightContent>a:hover .showBox{
        display: block;
    }
    .showBox{
        display: none;
        padding: 8px;
        border-radius: 5px;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        color: #575757;
        position: absolute;
        background: white;
        left: -155px;
        top: -50px;
    }
    .showBox>img{
        width: 117px;
        display: block;
    }
    .rightTop .toTopCover:hover{
        width: 100%;
        background: #805AC8;
        border-bottom-left-radius:36px ;
        border-bottom-right-radius: 36px;
    }
    .rightTop .toTopCover:hover p{
        color: white!important;
    }
</style>
<div class="rightTop" style="position: fixed;right: 10px;top:233px;z-index: 999;height: 120px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px">
    <a onclick="_czc.push(['_trackEvent','首页咨询','咨询','',''])" target="_blank" class="" style="border-bottom: none;padding-bottom: 10px;"
       href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef">
        <img style="display: block;width:60px;height:48px;margin-top:18px;margin-bottom: 10px;"
             src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index_slices/zi.png">
        咨询
    </a>
    <div class="rightContent">
        <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef" target="_blank">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon- online.png" class="img1">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon- online2.png" class="img2">
            <p>在线咨询</p>
        </a>
        <a href="javascript:;">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon- WeChat.png" class="img1">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon- WeChat2.png" class="img2">
            <p>微信</p>
            <div class="showBox" style="left: -170px">
                <img src="<?php echo $wx['image']?>" alt="">
                扫码添加雅思官方助手
            </div>
        </a>
        <a href="javascript:;">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon- phone.png" class="img1">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon- phone2.png" class="img2">
            <p>电话</p>
            <div class="showBox" style="left: -150px;font-size: 14px;top: 20px;font-weight: bold;padding: 12px 8px">
                400-600-1123
            </div>
        </a>
        <a href="javascript:;">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon-app.png" class="img1">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon- app2.png" class="img2">
            <p>雅思APP</p>
            <div class="showBox">
                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/app/APP@2x.png" alt="">
                扫码下载
            </div>
        </a>
        <a href="javascript:;" class="toTopCover">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon-top.png" class="img1">
            <img  src="https://file.viplgw.cn/ui/thinku-ielts-new/images/right/icon-top2.png" class="img2">
            <p>TOP</p>
        </a>
    </div>
</div>
<script>
    function showPop(text) {
        window.app.pupopShow(text);
    }


    $('.backTop').click(function () {
        $("html,body").animate({
            scrollTop: 0
        }, 300);
    })
    $('.rightTop .toTopCover').click(function () {
        $("html,body").animate({
            scrollTop: 0
        }, 300);
    })
</script>
